<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/1.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/2.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/3.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/4.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/5.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/6.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/7.jpg" alt=""><br/>
<img src="https://kg.zhaodashen.cn/web/images/loading4.gif" height="350" src-real="./imgs/8.jpg" alt="">
<script>
    function lazyload(){
    var temp1=window.innnerheight||document.documentElement.clientHeight
    var temp2=document.body.scrollTop||document.documentElement.scrollTop
    var maxShowHeight=temp1+temp2
    var imgs=document.querySelectorAll('img')
    imgs.forEach(function(item,index){
     if(item.offsetTop<maxShowHeight){
         items.src=item.getAttribute('src-real')
     }
    })
    }
    lazyload()
</script>